@extends('WShop::layout')
@push('styles')
    <style type="text/css">
        html,body{background: #fff}
    </style>
@endpush
@section('content')
    @include('WShop::public.header')
    <div class="mui-content mui-scroll-wrapper" id="pullrefresh" style="background: transparent;">
        <div class="mui-scroll">

            <div class="mui-table-view mui-table-view-chevron mui-bottom" style="background: transparent;">
                <div class="mui-user-bottom bg-fff">
                    <ul class="mui-table-view">
                        @foreach($list as $item)
                        <li class="mui-table-view-cell">
                            <a class="mui-navigate-right" href="{{route('f_Wap_Article_AllInfo',['cat_id'=>$item->id])}}">
                                <img src="{{asset(config('view.frontend.wap_login').'/images/fabujilu.png')}}" alt="">
                             {{$item->title}}
                            </a>
                        </li>
                        @endforeach
                    </ul>

                </div>
            </div>
        </div>
    </div>

    @include('WShop::public.foot_bar',['active'=>'user'])
@endsection
@push('scripts')
    <script>
        function enterSearch(event){
            if(event.keyCode == 13) {//用户点击回车的事件号为13
                var keyword = document.getElementById('searchInput').value;
                alert(keyword);
            }
        }
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            slidesPerView: 4,
            paginationClickable: true,
            spaceBetween: 30
        });
        var btn=$('.mui-fenlei .swiper-slide')
        for (var i=0;i<btn.length;i++){
            btn[i].addEventListener('tap',function(){
                $(this).addClass('swiper-slide-actives').siblings().removeClass('swiper-slide-actives')
            })
        }
    </script>

@endpush